<div class="bg" [ngStyle]="tagData.cssStyle | styleFilter">
  <p class="title-bg" *ngIf="tagData.data.headDiv?.headTitle">
    <span class="title">{{tagData.data.headDiv?.headTitle}}<i class="tag" *ngIf="tagData.data.headDiv?.tag">{{tagData.data.headDiv?.tag}}</i></span>
    
    <span class="more" *ngIf="tagData.data.headDiv?.moreLink?.link?.label" appDebounceClick (debounceClick)="openPage(tagData.data.headDiv?.moreLink?.link)" >{{tagData.data.headDiv?.moreLink?.link.label}}<i class="detail-icon"></i></span>
  </p>
  <div class="list-bg" *ngIf="tagData.data && tagData.data.data">
    <ng-container *ngFor="let item of tagData.data.data">
      <div class="item-bg" [ngClass]="{'item-bg-4': tagData.name.indexOf('4') > -1}" appDebounceClick (debounceClick)="openPage(item.link)">
        <span class="tag-person"  *ngIf="item.head?.firstText?.label" [ngStyle]="item.head.firstText.cssStyle | styleFilter">{{item.head?.firstText?.label}}</span>

        <div class="avatar-bg">
          <img class="avatar" src="{{item.head.img.imgUrl}}" alt="" [ngStyle]="item.head.img.cssStyle | styleFilter">
        </div>
        

        <div class="content-bg">
          <p class="name" [ngStyle]="item.firstRowLeft.cssStyle | styleFilter">{{item.firstRowLeft.text}}</p>
          <p class="year" [ngStyle]="item.secondRowLeft.cssStyle | styleFilter">{{item.secondRowLeft.text}}</p>
        </div>

      </div>
    </ng-container>
    
  </div>

</div>